简介：知道什么是手风琴效果吗？当鼠标滑过一排列表时，鼠标悬停的列表项会发生明暗度的变化，同时图片会放大显示。本课程通过讲解浮动布局、遮罩层、CSS3的transition属性、鼠标事件等知识点，教你实现鼠标悬停时图片明暗度变化、图片伸缩以及图片切换时速度的平滑过渡等效果等
第2章 用HTML+CSS实现手风琴效果页面制作
本部分内容分为两个部分，先用HTML搭建页面的基本结构，再用CSS实现页面的样式。
第3章 用JavaScript实现手风琴效果
用JavaScript实现对手风琴效果，重点讲解绑定和悬停的构造函数的使用方法和写法。